<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>GASurvey Mobile</title>
    <%= stylesheet_link_tag "http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" %>
    <%= javascript_include_tag "http://code.jquery.com/jquery-1.4.3.min.js", "http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js" %>

  </head>
  <body>
    <div data-role="page" data-theme="<%= @page_theme_class %>">
      <div data-role="header" data-theme="<%= @header_theme_class %>">
        <h1><%=  @header %></h1>
      </div><!-- /header -->

      <div data-role="content" data-theme="<%= @content_theme_class %>">
        <%= yield %>
      </div><!-- /content -->

      <div data-role="footer" data-theme="<%= @footer_theme_class %>">
        <% if @no_footer.nil? || @no_footer != true %>
          <h4><a href="/mobile/info/" data-theme="c" data-role="button" data-icon="info" data-rel="dialog" data-transition="pop">GASurvey</a></h4>
        <% end  %>
      </div><!-- /header -->
    </div><!-- /page -->
    <%= @header_data_theme %>
  </body>
</html>